/*
 * Copyright (c) 2021 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "../../common/css/common.css";

.divAli {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.divAliRow {
    flex-direction: row;
    justify-content: center;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
}

.large-size {
    font-size: 40px;
}

.ratingStyle {
    star-background: url(/common/img/ic_stars_gray_mid.png);
    star-foreground: url(/common/img/ic_stars_blue_mid.png);
    star-secondary: url(/common/img/ic_stars_blue_half_mid.png);
}

.progerss {
    color: blue;
    align-items: flex-end;
    background-color: grey;
    stroke-width: 10px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.circularProgress {
    width: 60px;
    height: 60px;
    color: blue
}

.tabs {
    flex: 1;
    margin-top: 20px;
    margin-right: 30px;
    margin-left: 30px;
}

.tab-text {
    width: 200px;
    text-align: center;
    font-size: 40px;
}

.tab-text1 {
    width: 350px;
    text-align: center;
    font-size: 40px;
}

.tab-content {
    flex: 1;
}

.tab-text:active {
    color: black;
    background-color: lightgray;
}

.item-title {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 40px;
}

.item-content {
    height: 300px;
    justify-content: center;
}

.stack {
    height: 340px;
    margin-left: 30px;
    margin-right: 30px;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
}

.btn1 {
    height: 80px;
    width: 300px;
    text-align: center;
    border-radius: 50px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    color: #ffffff;
    font-size: 30px;
    background-color: #0faeff;
}

.btn5 {
    height: 80px;
    width: 300px;
    text-align: center;
    border-radius: 50px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    color: #ffffff;
    font-size: 30px;
    background-color: #0faeff;
}

.flex {
    flex: 1;
}

.select {
    width: 70%;
    margin-left: 30px;
    margin-right: 30px;
    align-items: flex-start;
    border-color: grey;
    border-width: 1px;
}

.font-family1 {
    font-family: sans-serif;
}

.font-family2 {
    font-family: serif;
}

.font-family3 {
    font-family: monospace;
}

.option {
    color: black;
    font-size: 30px;
    font-weight: bold;
}

.item {
    height: 100px;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 15px;
    border-width: 1px;
    flex-direction: column;
}

.txt {
    margin-left: 10px;
}

.swiper-container {
    flex-direction: column;
}

.swiper {
    flex-direction: column;
    indicator-color: #800080;
    indicator-selected-color: #000000;
    height: 250px;
}

.color-1 {
    background-color: #09ba07;
}

.color-2 {
    background-color: #f76160;
}

.color-3 {
    background-color: #0faeff;
}

.color-4 {
    background-color: #9acd32;
}

.color-5 {
    background-color: #000000;
}

.color-6 {
    background-color: #ffff00;
}

.item1 {
    height: 250px;
    text-align: center;
    color: #ffffff;
}

.item_left {
    padding: 20px;
}

.padding {
    padding-bottom: 30px;
}

.textarea5 {
    border-color: #bbbbbb;
    border-width: 1px;
    padding: 15px;
    width: 600px;
    height: 250px;
    font-size: 37px;
}

.button-controller {
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.btn3 {
    width: 70%;
    height: 80px;
    font-size: 30px;
    background-color: #1976D2;
    text-color: white;
}